import React, {Fragment, useState} from 'react';
import {Space, Tooltip} from "antd";
import {SendOutlined} from "@ant-design/icons";
import Publish from "@/pages/example/Publish";


// 流程展示,可选流程
export default React.memo(() => {

    const [open, setOpen] = useState(false)

    const showModal = () => {
        setOpen(true);
    };


    return (
        <Fragment>
            <div className="col-flex-container flex-center">
                <div className="row-flex-container" style={{margin: 50}}>
                    <Space wrap>
                        <Tooltip title="新建审批流程">
                            <SendOutlined onClick={showModal} rotate={-30}
                                          style={{fontSize: '40px', margin: 30, color: '#08c'}}/>
                        </Tooltip>
                    </Space>

                </div>
                <Publish open={open} setOpen={setOpen}/>
            </div>

        </Fragment>
    )
})
